<template>
  <div class="leftone1">
    <div class="fccc" style="height: 100%;width: 100%;">
      <div class="fb" style="padding: 30px;height: 100%;width: 100%;">
        <div style="color: white;">
          <span style="font-size: 20px;line-height: 40px;">机房数量</span>
          <span style="font-size: 40px;padding: 0px 20px;">{{total}}</span>
          <span>个</span>
        </div>
        <div style="color: white;">
          <span style="font-size: 20px;line-height: 40px;">状态良好</span>
          <span style="font-size: 40px;padding: 0px 20px;">{{normal}}</span>
          <span>个</span>
        </div>
      </div>
      <div class="fb" style="padding: 30px;height: 100%;width: 100%;">
        <div style="color: #fd770c;">
          <span style="font-size: 20px;line-height: 40px;">高危状态</span>
          <span style="font-size: 40px;padding: 0px 20px;">{{warn}}</span>
          <span>个</span>
        </div>
        <div style="color: #fc2d2c;">
          <span style="font-size: 20px;line-height: 40px;">故障设备</span>
          <span style="font-size: 40px;padding: 0px 20px;">{{error}}</span>
          <span>个</span>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    components: {},
    data() {
      return {
        total: 13,
        normal: 10,
        warn: '02',
        error: '01'
      };
    },
    computed: {},
    watch: {},
    mounted() {},
    methods: {}
  };
</script>
<style lang='scss' scoped>
  .leftone1 {
    width: 100%;
    height: 100%;
    // width: 95% !important;
    // box-sizing: border-box;
    // margin-left: 20px;
    // height: 95%;
    // overflow: hidden;
  }
</style>






